/* 全局样式 */
*{
	margin:0;
	padding:0;
}
/*隐藏滚动条*/
::-webkit-scrollbar {
	display: none; /* 对于WebKit浏览器（如Chrome、Safari） */
}
/* ====================== 2. 导航相关样式 ====================== */
.layui-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.layui-nav {
	justify-content: flex-start;
	min-width: max-content;
	background-color: #20b2aa;
}
/* ====================== 下拉框样式 ====================== */
.layui-nav-child{
	border-radius: 10px;
}
/* ====================== 2. 内容模块 ====================== */
.main-content{
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	overflow-y: auto; /* 允许内容垂直滚动 */
	height: 100vh; /* 占据整个视口高度 */
}
.comboShow{
	margin: 55px auto;
	width: 90%;
	height: 52vh;
	display: flex;
}
.comboShow-left{
	flex: 1;
	text-align: center;
	overflow-y: auto;
}
.btn{
	width: 100%;
	height: 10vh;
	border: none;
	outline: none;
	border-bottom: 1px solid #ccc;
}
.btn:hover{
	background-color: #20b2aa;
}
.comboShow-body > div{
	display: none;
}
.comboShow-right{
	flex: 7;
	height:100%;
}
.comboShow-body-div{
	width: auto;
	height: auto;
}
.comboShow-body-div .comboShow-div{
	display: flex;
	height: 52vh;
}
.body-div-left{
	flex:1.5;
	position: relative;
	padding: 10px;
	font-size: 2vh;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	max-height: 52vh;
	overflow: auto;
}
.body-div-title{
	position: relative;
	padding: 10px;
	font-size: 2vh;
	font-weight: bold;
}
.body-div-right hr{
	width: 90px;
	margin-top: 0;
	margin-left:0;
	border-width: 2px;
	border-color: #20b2aa;
 }
.body-div-left hr{
	width: 70px;
	margin-top: 0;
	margin-left:5px;
	border-width: 2px;
	border-color: #20b2aa;
}
.body-div-content{
	padding: 5px;
	max-height: 100%;
}
.body-div-right{
	 flex: 1;
	overflow-y: auto;
 }
.body-div-right span{
	/*border: 1px solid red;*/
	font-size: 20px;
	padding: 10px;
	display: block;
	font-weight: bold;

}
.comboShow-comments{
	width: 96%;
	height: 45vh;
	background-color: #f4f4f4;
}
.comboShow-comments div{
	padding: 15px;
	border-bottom: 1px solid #ccc;
}
.combo1{
	max-width:200vh;
	margin: 0 auto;
	padding: 10px;
	border-radius: 15px;
}
.combo2{
	 max-width:200vh;
	 margin: 0 auto;
	 padding: 10px;
	 border-radius: 15px;
	margin-bottom: 50px;
 }
.container{
	margin-top: 40px;
	margin-bottom: 25px;
	text-align: center;
}
.container span{
	font-size: 30px;
	font-weight: bold;
}
/* 卡片样式 */
.layui-card {
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.layui-card-header {
	background-color: #f2f2f2;
	padding: 15px;
	border-radius: 10px 10px 0 0;
	font-weight: bold;
}

.layui-card-body {
	padding: 15px;
}

.course-img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	margin-bottom: 15px;
}

.buy-btn {
	width: 100%;
	margin-top: 20px;
}

/* 为套餐列表添加间隔 */
.layui-col-space30 {
	margin-left: -15px;
	margin-right: -15px;
}

/* ====================== 页脚模块 ====================== */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #393D49;
	color: #f8f9fa;
	padding: 10px 0;
	text-align: center;
	z-index: 999;
}
